<template>
	<view :style="{'background':ktheme == 'black' ? 'black':'white'}" style="min-height: 100vh">
		<hx-navbar title="版权合同" :back="true" :fixed="false" :color="knavTitleColor" barPlaceholder="hidden"
			transparent="auto"></hx-navbar>
		<view>
			<view class="block">
				<view class="blockimg" v-for="(item,index) in imageList">
					<image :src="item.url" mode="widthFix" @click="onclickImage(item.url,index)"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageList: [{
					id: 1,
					url: '../../static/contract/1.jpg'
				},{
					id: 2,
					url: '../../static/contract/2.jpg'
				},{
					id: 3,
					url: '../../static/contract/3.jpg'
				},{
					id: 4,
					url: '../../static/contract/4.jpg'
				},{
					id: 5,
					url: '../../static/contract/5.jpg'
				},{
					id: 6,
					url: '../../static/contract/6.jpg'
				}]
				
			}
		},
		methods: {
			onclickImage(url,index){
				uni.previewImage({
				    urls: [this.imageList[index].url],
				
				})
			}

		}
	}
</script>

<style>
	.block {
		width: 100%;
		text-align: center;
		margin-top: 10rpx;
	}
	 
</style>